/* 教师管理页面样式文件 */

/* 页面容器样式 */
.pageWrapper {
  background-color: #fff;
  padding: 16px;
}

/* 页面标题样式 */
.pageTitle {
  margin-bottom: 16px !important;
  margin-top: 0 !important; /* 移除顶部默认间距 */
  color: #333;
  font-weight: normal !important;
}

/* 搜索表单容器样式 */
.formContainer {
  display: flex;
  align-items: flex-start; /* 顶部对齐 */
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

/* 按钮通用样式 */
.deleteButton {
  border-radius: 3px;
  font-size: 13px;
  padding: 6px 10px;
}

/* 模态框容器样式 */
.modalContainer {
  margin-bottom: 10px;
}

/* 左侧表单区域样式 */
.formLeft {
  width: 80%; /* 左侧表单占80%宽度 */
  display: flex;
  flex-direction: column;
}

/* 右侧按钮区域样式 */
.formRight {
  width: 9%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 2px;
  border-left: 2px solid #a4a6a9; /* 左侧分隔线 */
}

/* 搜索按钮样式 */
.searchButton {
  width: 80px;
  background: #165DFF !important;
  border-color: #165DFF !important;
}

/* 重置按钮样式 */
.resetButton {
  width: 80px;
  background: #fff !important;
  color: #333 !important;
}

/* 刷新图标旋转动画 */
.refreshing {
  animation: spin 1s linear infinite;
}

/* 旋转动画定义 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Tab标签页容器样式 */
.tabsContainer {
  margin-top: 15px;
}

/* Tab标签页样式覆盖 */
.tabsContainer :global(.ant-tabs-nav),
.tabsContainer :global(.ant-tabs-tab),
.tabsContainer :global(.ant-tabs-tab:hover),
.tabsContainer :global(.ant-tabs-tab-active) {
  background: transparent !important;
  border: none !important;
}

/* 操作栏样式（包含新建按钮和刷新图标） */
.actionBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px;
}

/* 自定义表格样式 */
.customTable {
  border-spacing: 0 10px;
  border-collapse: separate;
}

/* 表格单元格样式 */
.customTable :global(.ant-table-tbody > tr > td) {
  padding: 10px;
  font-size: 12px;
  border-bottom: 1px solid #f0f0f0;
}

/* 表格行样式 */
.customTable :global(.ant-table-tbody > tr) {
  background-color: #fff;
}

/* 表头样式 */
.customTable :global(.ant-table-thead > tr > th) {
  padding: 5px;
  background-color: #fafafa;
}